<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>报告查阅</title>
<style type="text/css">
.att{
    background-color: rgba(238, 238, 238, 0.19);
}
</style>
</head>
<body>
<#import "/page.ftl" as page />
<link rel="stylesheet" type="text/css" href="/css/work_report.css">
<script type="text/javascript" src="/js/work_report.js"></script>
<div class="content-wrapper consult">
		<#include "/head.ftl"/>
		<div class="box">
			<div class="main-hd">
				<div class="toolkit-list">
					<div class="toolkit-item">
						<div class="date">
							<span data-type="${type}" class="control-label">报告类型</span>
							<div style="width: 141px;float: right;height: 34px;">
								<a data-type="week" class="pxybtn att">周</a> 
								<a data-type="month" class="pxybtn">月</a>
								<a data-type="season" class="pxybtn">季</a> 
								<a data-type="year" class="pxybtn">年</a>
							</div>
						</div>
					</div>
					<div class="tab-tool">
					<select class="dept">
						<option value="">所有部门</option>
						<#list depts as d>
							<#if RequestParameters.did?? && RequestParameters.did!="" && RequestParameters.did?number==d.id>
								<option value="${d.id}" selected="selected">${d.name}</option>
							<#else>
								<option value="${d.id}">${d.name}</option>
							</#if>
						</#list>
					</select>
					<input class="key" type="text" placeholder="按姓名查找...">
					<button class="search-btn">
						<i class="iconfont icon-search"></i>
					</button>
				</div>
					<div class="ye">
							<i class="iconfont icon-return"></i>
							<span>${year}</span>
							<i class="iconfont icon-enter"> </i>
						</div>
				</div>
			</div>
			<div class="w-table">
				<div class="tab-g">
				<div class="tab-q">
				<table class="check-table">
					<tr>
					<th>姓&nbsp;名</th>
					<#list head as he>
						<th><a class="remind-toggle">${he}</a></th>
					</#list>
					<th>总数</th>
					</tr>
					
					<#list users as user>
					<tr>
						<td>${user.realName}</td>
						<#list (user.workReport) as workre>
							<#if workre?exists>
							<td><img class="img you" data-rid="${workre.id}" alt="" src="/images/submited_flat.png"></td>
							<#else>
							<td><img class="img wu" data-name="${user.realName}" data-uid="${user.id}" alt="" src="/images/unsubmit.png"></td>
							</#if>
						</#list>
						<td></td>
					</tr>
					</#list>
				</table>
				</div>
				</div>
				<@page.page url=requestURI pager=userpage/>
				<div class="workreport-x">
					说明：<span><img src="/images/submited_flat.png">有报告</span>
					<span><img src="/images/unsubmit.png">无报告</span>
					
					<span style="display: inline-block;position: relative;">
					<div class="tishi">
					点击<img src="/images/submited_flat.png">可查看，
					点击<img src="/images/unsubmit.png">可提醒给对应人，
					点击姓名可选择本列所有无报告的人员
					<em class="tjin"></em>
					</div>
					&nbsp;<i class="iconfont icon-feedback_fill" style="font-size: 18px"></i></span>
				</div>
			</div>
		</div>
		
		<div class="remind-psb">
			<textarea class="form-control"></textarea>
			<div class="workreport">提醒给：</div>
			<div class="tix">
				<a class="qd">确定</a>
				<a class="qd qx">取消</a>
			</div>
		</div>
</div>

</body>
</html>